<template>
  <div class="full-height">
    <q-space class="line-height-30px bg-panda-dark-dark" />
    <q-scroll-area style="height: calc(100% - 25px)">
      <q-markup-table
        :separator="separator"
        dense
        wrap-cells
        class="bg-panda-base-dark panda-markup-table full-width full-height lh30x text-panda-text-light"
      >
        <thead>
          <tr v-for="(item, index) in list" :key="index" class="row full-height">
            <th class="col-2">{{ item.title }}</th>
            <td class="lh24x col-10">{{ item.content }}</td>
          </tr>
        </thead>
      </q-markup-table>
    </q-scroll-area>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      default() {
        return [
          {
            title: "玩法ID",
            content:
              "sdfsdasdddddddddddddddddddddddddddddddd士大夫士大夫士大夫士大夫十分士大夫十ddddd士大夫士大夫士大夫士大夫十分士大夫十ddddd士大夫士大夫士大夫士大夫十分士大夫十ddddd士大夫士大夫士大夫士大夫十分士大夫十ddddd士大夫士大夫士大夫士大夫十分士大夫十dddd士大夫士大夫士大夫士大夫十分士大夫十分萨芬手动阀手动阀士大夫士大夫撒旦飞洒地方啊实打实的fsadsdf"
          },
          {
            title: "玩法ID",
            content: "sdfsdfsadsdf"
          },
          {
            title: "玩法ID",
            content: "sdfsdfsadsdf"
          }
        ];
      }
    }
  },
  data() {
    return {
      separator: "cell"
    };
  }
};
</script>

<style lang="stylus" scoped></style>